<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

  <title>Document</title>
	 <link rel="stylesheet" href="css/main.css" />
	 <link rel="stylesheet" type="text/css" href="css/index.css"/>
 </head>
 <body>

<div id="section">
  <ul id="list">
	<li class="cont most">
		<div class="search-box">
			<div class="search-logo">
				<a href="#" class="iconfont">&#xe649;</a>
				<ul class="search-logos">
					<li><span class="iconfont">&#xe649;</span>百度</li>
					<li><span class="iconfont">&#xe631;</span>搜狗</li>
					<li><span class="iconfont">&#xe647;</span>谷歌</li>
				</ul>
			</div>
			<div class="search-input">
				<input type="text" placeholder="百度一下">
			</div>
			<div class="search">
				<span class="iconfont">&#xe60a;</span>&nbsp;搜索
			</div>

		</div>
		<ul id="ul1">
			<li>
				<div class="box">
					<div class="adddh"></div>
					<div class="link" title="fenghuang">
						<a href="http://www.ifeng.com/"><img src="img/daohang (1).png"></a>
						<div class="tit">
							<span class="title">凤凰网</span>
							<div class="close"></div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>
					<div class="link" title="souhu">
						<a href="http://www.sohu.com/"><img src="img/daohang (2).png"></a>
						<div class="tit">
							<span class="title">搜狐网</span>
							<div class="close"></div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>
					<div class="link" title="wangyi">
						<a href="http://www.163.com/"><img src="img/daohang (3).png"></a>
						<div class="tit">
							<span class="title">网易</span>
							<div class="close"></div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>

				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>

				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>

				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>

				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>

				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>

				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>

				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>

				</div>
			</li>
			<li>
				<div class="box">
					<div class="adddh"></div>

				</div>
			</li>
		</ul>
	</li>
	<li class="cont zhibo"><img src="img/page2.jpg" class="page2"></li>
	<li class="cont video"><img src="img/page3.jpg" alt="" class="page3"/></li>
	<li class="cont news"><img src="img/page4.jpg" alt="" class="page4"/></li>
  </ul>
</div>

  <div id="nav-right">
  	<ul class="nr-ul">
		<li class="most active"><i class="iconfont">&#xe600;</i>我的网址</li>
		<li class="zhibo"><i class="iconfont">&#xe603;</i>精彩直播</li>
		<li class="video"><i class="iconfont">&#xe602;</i>热播影视</li>
		<li class="news"><i class="iconfont">&#xe605;</i>今日头条</li>
	</ul>
	<div  class="addPage"><i></i></div>
  </div>

<div id="page-manager-mask"></div>
<div id="page-manager">
	<div class="close" ></div>
	<div class="title"></div>
	<ul class="tab-list">
		<li><div class=""><img src="img/icon_most.png" alt=""></div><span>我的网站</span></li>
		<li><div class=""><img src="img/icon_huajiao.png" alt=""></div><span>精彩直播</span></li>
		<li><div class=""><img src="img/icon_video.png" alt=""></div><span>热播影视</span></li>
		<li><div class=""><img src="img/icon_news.png" alt=""></div><span>今日头条</span></li>
	</ul>
</div>
<div id="addurl">
	<div class="title">
		<h2>添加网址</h2>
		<input type="text" placeholder="查找网站" class="add-search"/>
		<a href="#" class="add-close"></a>
	</div>
	<ul class="url-cats">
		<li cat-name="hot" class="on">热门推荐</li>
		<li cat-name="video" class="">影视视频</li>
		<li cat-name="news" class="">新闻资讯</li>
		<li cat-name="shopping" class="">网上购物</li>
		<li cat-name="weibo" class="">社区微博</li>
		<li cat-name="novel" class="">文学小说</li>
		<li cat-name="game" class="">游戏娱乐</li>
		<li cat-name="lift" class="">生活服务</li>
		<li cat-name="money" class="">投资理财</li>
		<b class="dashed"></b>
		<li cat-name="custom" class="">手动添加</li>
	</ul>
	<div class="cont">
		<ul class="ul-list">
			<li class="fenghuang">
				<em></em>
				<img src="img/daohang (1).png" alt=""/>
				<h3>凤凰网</h3>
			</li>
			<li class="souhu">
				<em></em>
				<img src="img/daohang (2).png" alt=""/>
				<h3>搜狐网</h3>
			</li>
			<li class="wangyi">
				<em></em>
				<img src="img/daohang (3).png" alt=""/>
				<h3>网易</h3>
			</li>
			<li class="qzone">
				<em></em>
				<img src="img/daohang (4).png" alt=""/>
				<h3>QQ空间</h3>
			</li>
			<li class="daquan">
				<em></em>
				<img src="img/daohang (5).png" alt=""/>
				<h3>影视大全</h3>
			</li>
			<li class="sina">
				<em></em>
				<img src="img/daohang (6).png" alt=""/>
				<h3>新浪微博</h3>
			</li>
			<li class="youku">
				<em></em>
				<img src="img/daohang (7).png" alt=""/>
				<h3>优酷</h3>
			</li>
			<li class="baidu">
				<em></em>
				<img src="img/daohang (8).png" alt=""/>
				<h3>百度</h3>
			</li>
			<li class="jd">
				<em></em>
				<img src="img/daohang (9).png" alt=""/>
				<h3>京东</h3>
			</li>
			<li class="tb">
				<em></em>
				<img src="img/daohang (10).png" alt=""/>
				<h3>淘宝</h3>
			</li>
			<li class="dh">
				<em></em>
				<img src="img/daohang (11).png" alt=""/>
				<h3>360导航</h3>
			</li>
			<li class="yingshi">
				<em></em>
				<img src="img/daohang (12).png" alt=""/>
				<h3>360影视</h3>
			</li>
		</ul>
	</div>
</div>
<div id="background-img" class="background-img">
	<div id="background-wrap" class="background-wrap"></div>
</div>
<div id="setting" class="setting"></div>
<div id="theme" class="theme">
	<div class="theme-title">
		<span>自定义背景</span>
		<div class="closeSin"></div>
	</div>
	<div class="arrow-left"></div>
	<div class="theme-img">
		<ul>
			<!--<li class="add"><input type="file" id="file"/></li>-->
			<li><img src="img/BackgroundImage1.jpg"/><span class="checked"></span></li>
			<li><img src="img/BackgroundImage2.jpg"/><span class="checked"></span></li>
			<li><img src="img/BackgroundImage3.jpg"/><span class="checked"></span></li>
			<li><img src="img/BackgroundImage4.jpg"/><span class="checked"></span></li>
			<li><img src="img/BackgroundImage5.jpg"/><span class="checked"></span></li>
			<li><img src="img/BackgroundImage6.jpg"/><span class="checked"></span></li>
			<li><img src="img/BackgroundImage7.jpg"/><span class="checked"></span></li>
			<li><img src="img/BackgroundImage8.jpg"/><span class="checked"></span></li>
		</ul>
	</div>
	<div class="arrow-right"></div>
</div>


	<div class="l-bt"></div>


	<div class="r-bt"></div>

 </body>
</html>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" charset="utf-8"></script>
<script type="text/javascript" src="js/move6.js" charset="utf-8"></script>
<script type="text/javascript" src="js/main.js" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>